import React from 'react';
import * as PaperStyle from './Paper.less';
import  ChartsActive from './ChartsActive';
export default class Paper extends React.Component {

	constructor(props) {
		super(props);
	}

	render() {
		let { children } = this.props;

		return (
			<div className={PaperStyle.paper}>
				{children}
			</div>
		);
	}
}

export class PaperTitle extends React.Component {

	constructor(props) {
		super(props);
	}

	render() {
		let { children } = this.props; 

		return (
			<div className='title'>
				{children}
			</div>
		);
	}
}

export class PaperContent extends React.Component {

	constructor(props) {
		super(props);
	}

	render() {
		let { children, height = 'auto' } = this.props; 
	
		return (
			<div className='content' style={{height}}>
				{children}
			</div>
		);
	}
}

export class PaperFooter extends React.Component {

	constructor(props) {
		super(props);
	}

	render() {
		let { children } = this.props;

		return (
			<div className='footer'>
				{children}
			</div>
		);
	}
}